<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="./机试题/download/font/iconfont.css">
    <link rel="stylesheet" href="./网页.css">
</head>
<body>

    <div class="page">

        <!-- 这是头部 -->
        <header>
            <div class="head1">
                <img src="./机试题/天蓬网/tianpeng-logo_31addeb.png" alt="">
                <ul>
                    <li>网站建设▼</li>
                    <li>服务商库</li>
                    <li>经典案例</li>
                    <li>支持</li>
                    <li><span class="iconfont icon-sousuo"></span> 搜索</li>
                </ul>
            </div>
            <div class="head2">
                <span class="iconfont icon-wode"></span><span>登陆</span> <span>/</span> <span>免费注册</span>
            </div>
    
        </header>    
        
        <!-- 这是背景图 -->
        <div class="bg">
            <div class="bj">
                <div class="article1">10秒免费发布</div>
                <div class="article2">3小时内获专业报价方案</div>
                <span>需求描述</span>
                <div class="text">
                    <textarea name="" id="" placeholder="请输入您的需求描述，如：参考网站、需要的功能等等..."></textarea>
                </div>
                
                <span>手机验证</span>
                <div class="phone">
                    <input type="text" placeholder="请输入手机号码">
                    <span>获取验证码</span>
                </div>

                <div class="ma">
                    <input type="text" placeholder="请输入验证码">  
                </div>
                
                <div class="button">立即获取报价</div>

            </div>
        </div>

        <!-- 这是cj -->
        <div class="cj">
            <div>
                <span><span>5,756,300<span>名</span></span><span>累计服务雇主</span></span>
                <span><span>3,375,630<span>个</span></span><span>成功诞生项目</span></span>
                <span><span>2,646,334,500<span>元</span></span><span>累计服务雇主</span></span>
            </div>
        </div>


        <!-- 这是nav -->
        <nav>
            <div>
                <div class="head1">看看这里诞生的成功项目</div>
                <div class="item">
                    <img src="../img/3.png" alt="">
                    <img src="../img/3.png" alt="">
                    <img src="../img/3.png" alt="">
                    <img src="../img/3.png" alt="">
                    <img src="../img/3.png" alt="">
                    <img src="../img/3.png" alt="">
                </div>
            </div>
        </nav>


        <!-- 这是custom -->
        <div class="custom">
            <div>
                <div class="head1">十年来，案例我们已成功服务客户近千万</div>
                <div class="Cu">
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                    <div>
                        <span class="iconfont icon-pufayinhang
                        "></span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 这是保障 -->

        <div class="guarantee">
            <div class="head1">当然，您的每笔交易我们全程保障</div>
            <div class="weihu">
                <div>
                    <span class="iconfont icon-baozhengwancheng"></span> 
                    <span>保证完成</span>
                    <span>保证按时按质完成工作</span>
                    <span>并修改到满意为止</span>
                </div>
                <div>
                    <span class="iconfont icon-baozhengwancheng"></span> 
                    <span>保证完成</span>
                    <span>保证按时按质完成工作</span>
                    <span>并修改到满意为止</span>
                </div>
                <div>
                    <span class="iconfont icon-baozhengwancheng"></span> 
                    <span>保证完成</span>
                    <span>保证按时按质完成工作</span>
                    <span>并修改到满意为止</span>
                </div>
                <div>
                    <span class="iconfont icon-baozhengwancheng"></span> 
                    <span>保证完成</span>
                    <span>保证按时按质完成工作</span>
                    <span>并修改到满意为止</span>
                </div>
            </div>
        </div>


        <!-- 这是你可能也喜欢 -->
        <div class="like">
            <div class="head1">你可能也喜欢</div>
            <div class="other">
                <div><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-UIzhongguo
                    "></use></svg>
                    <span>移动UI设计</span>
                    <span>定制你的互联网时代</span>
                </div>
                <div><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-UIzhongguo
                    "></use></svg>
                    <span>移动UI设计</span>
                    <span>定制你的互联网时代</span>
                </div>
                <div><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-UIzhongguo
                    "></use></svg>
                    <span>移动UI设计</span>
                    <span>定制你的互联网时代</span>
                </div>
                <div><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-UIzhongguo
                    "></use></svg>
                    <span>移动UI设计</span>
                    <span>定制你的互联网时代</span>
                </div>
            </div>
        </div>

        <!-- 这是footbg -->

        <div class="footbg">
            <img src="./机试题/天蓬网/i_86.jpg" alt="">
            <div>
                <span>心动了吗？</span>
                <span>立即开始您的网站建设之旅</span>
                <div>立即免费发布需求</div>
            </div>
        </div>
    </div>
    <script src="./机试题/download/font/iconfont.js"></script>
</body>
</html>